<html>
<head>
</head>
<body>
<wicket:panel>
							<div>
                            	<div class="cp-itemL1Cont clearfix">
                                	<div wicket:id="allotElectiveForm" style="padding:5px;float:left;">
                                    	<form wicket:id="aef">
                                    	<span style="background-color:#DEDDEF; padding: 2px 5px;display:block;"><strong>Allot Elective Courses</strong></span>
                                        <div style="border:1px solid #DEDDEF; width:400px; padding:5px;"><!-- Change semester block -->
                                        	<div  class="clearfix">
                                                <table class="cp-pairedList">
                                                    <tr>
                                                        <td class="label">Current Semester</td>
                                                        <td class="value"><span wicket:id="currSem">Autumn, 2010</span> (Started on <span>Jul 13, 2010</span>)</td>                                          		</tr>
                                                </table>
                                            </div>
                                            <div style="float:right;">
                                                <button id="eallotSubm" class="es-button ui-state-default ui-corner-all">Allot Electives for <span wicket:id="currSemBut">Spring, 2010</span></button>
                                            </div>
                                            <div wicket:id="warnUser" title="Confirm elective courses allotment?">
                                            	<p>You are about finalize course allotment. This will allocate optional courses to students.</p>
                                            	<p>Click OK to confirm. Click Cancel to cancel this action.</p>
                                            </div>
                                            <div style="clear:both;"></div>
                                        </div>
                                        <div>
                                        	<p>
                                        	<a href="#" style="font-size:13px; text-decoration:underline;">&nbsp;View Currently Running Courses&nbsp;</a></p>
                                        </div>
                                        </form>
                                    </div>
                                    <div wicket:id="goToChangeSemester" style="padding:10px 5px;float:left;width:400px;">
                                    	<div><h4>Current Semester: <span wicket:id="acsem">Autumn, 2010</span></h4></div>
                                    	<div class="es-warn es-text" style="font-size:12px;">
                                    		elective allotment for this semester is finished.
                                    	</div>
                                    	<div style="padding-top:10px;">
                                    		<a wicket:id="chsemlnk" class="extLink" href="#" style="font-size: 13px; text-decoration: underline;">Go to Change Semester page to jump to next semester.</a>
                                    	</div>
                                    </div>
                                    <div wicket:id="semChangePending" class="es-warn es-text" style="padding:10px 5px;float:left;width:400px;">
                                    		The semester change will be scheduled for midnight today. Immediately after the semester is changed, students can choose their electives, if present. The mandatory courses will be alloted to them automatically.
                                    </div>
                                    <div wicket:id="eleAllotPending" class="es-warn es-text" style="padding:10px 5px;float:left;width:400px;">
                                    		The course choices made by all students have been locked. Final course allotments will be made offline at midnight today.
                                    </div>
                                    <div style="float:left; padding-left:10px; width: 280px; border-left:1px dashed #0100FB; margin:10px">
                                    	<div padding:left:10px>
                                        	<h4>What is elective allotment?</h4>
                                            <p>If your university offers optional/elective courses, <span wicket:id="es1">ES</span>&reg; asks all the students who require to select at least option subject from the options provided in their Academic Program. The process of assigning appropriate course is called course allocation.</p>
                                            <p>Commonly, after semester change, university administrator waits for some days so that students can fill their preferred choices for optional courses (if any). Administrator can finalize optional course allotment by clicking "Allot Courses" button on this page. <strong>Please note that it is very important to make sure that administrator allots courses, otherwise optional courses would never start.</strong></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
</wicket:panel>
</body>
</html>